Estoy tratando de hacer una barra de navegación que al hacer clic haga visible un div que se ha ocultado previamente con display: none . A continuación se muestra lo que tengo hasta ahora:
Barra de navegación:
$(document).ready(function() { $('#home').click(function() { $('.site-content').html($('#home_wrap')); }); $('#skills').click(function() { $('.site-content').html($('#skills_wrap')); }); #home_wrap, #skills_wrap { display: none; } .site-content { max-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } <div class="nav__content"> <ul class="nav__list"> <li class="nav__list-item" id="home" href="#">Home</li> <li class="nav__list-item" id="skills" href="#">Skills</li> </ul> </div>Como este es un proyecto antiguo, creo que la navegación solía funcionar, pero ahora no.
Intenta usar: $('#home_wrap').show()